<template>
    <div class="content">
        <div class="btns-box">
            <Button type="primary" @click="saveAdd">暂存</Button>
            <Button type="primary" v-if="form.id" :disabled="this.form.status===''" @click="delAll">删除</Button>
            <div class="f-fr">
                <Button type="primary" @click="submitAll">申报</Button>
            </div>
        </div>
        <div class="base-info">
            <h3>基本数据</h3>
        </div>
        <div class="content-body">
            <Form
                :model="form.emtLicenceProduct"
                :rules="formRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="form"
                :show-message="false"
            >
                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border" span="4">申请编号</Col>
                    <Col span="4">
                    <FormItem prop="applyId" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.applyId" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">机电系统申请编号</Col>
                    <Col span="4">
                    <FormItem prop="commerceApplyId" class="formInput">
                        <Input disabled placeholder v-model="form.emtLicenceProduct.commerceApplyId" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">许可证号</Col>
                    <Col span="4">
                    <FormItem prop="licenceKey" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.licenceKey" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label label-border" span="4">单证状态</Col>
                    <Col span="4">
                    <FormItem prop="status" class="formInput">
                        <div class="gray label-border label-right">{{getStatus(form.emtLicenceProduct.status)}}</div>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">进口用户</Col>
                    <Col span="12">
                    <FormItem prop="importUser" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.importUser" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border" span="4">年度</Col>
                    <Col span="4">
                    <FormItem prop="year" class="formInput requireBG">
                        <Select v-model="form.emtLicenceProduct.year" class="small-select">
                            <Option value="2020" label="2020">2020</Option>
                        </Select>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">所在地区</Col>
                    <Col span="12">
                    <FormItem prop="area" class="formInput requireBG">
                        <Input disabled v-model="form.emtLicenceProduct.area" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border label-top" span="4">进口商编码</Col>
                    <Col span="4">
                    <FormItem prop="importCode" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.importCode" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">进口商名称</Col>
                    <Col span="12">
                    <FormItem prop="importName" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.importName" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第4行 -->
                <Row>
                    <Col class="form-label label-border" span="4">申请单位经办人</Col>
                    <Col span="4">
                    <FormItem prop="agent" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.agent" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-top" span="4">贸易方式</Col>
                    <Col span="12">
                    <FormItem prop="tradeMode" class="formInput requireBG">
                        <Select v-model="form.emtLicenceProduct.tradeMode" class="small-select">
                            <Option
                                v-for="item in tradeModeList"
                                :value="item.id"
                                :key="item.id"
                            >{{item.id}}-{{item.name}}</Option>
                        </Select>
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第5行 -->
                <Row>
                    <Col class="form-label label-border" span="4">经办人电话</Col>
                    <Col span="4">
                    <FormItem prop="phone" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.phone" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">贸易国（地区）</Col>
                    <Col span="4">
                    <FormItem prop="tradingCountryFirst" class="formInput requireBG">
                        <RemoteSearch
                            placeholder="贸易国（地区）1"
                            v-model="form.emtLicenceProduct.tradingCountryFirst"
                            :list="countryRegionList"
                            keywordFiled="dataName"
                            valueField="dataCode"
                            :labelFieldList="['dataName']"
                        />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4"></Col>
                    <Col span="4">
                    <FormItem prop="tradingCountrySecond" class="formInput requireBG">
                        <RemoteSearch
                            placeholder="贸易国（地区）2"
                            v-model="form.emtLicenceProduct.tradingCountrySecond"
                            :list="countryRegionList"
                            keywordFiled="dataName"
                            valueField="dataCode"
                            :labelFieldList="['dataName']"
                        />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第6行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">经办人手机号</Col>
                    <Col span="4">
                    <FormItem prop="mobilePhone" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.mobilePhone" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4">报关口岸</Col>
                    <Col span="4">
                    <FormItem prop="customsPortFirst" class="formInput requireBG">
                        <RemoteSearch
                            placeholder="报关口岸1"
                            v-model="form.emtLicenceProduct.customsPortFirst"
                            :list="customsCodeList"
                            keywordFiled="dataName"
                            valueField="dataCode"
                            :labelFieldList="['dataName']"
                        />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4"></Col>
                    <Col span="4">
                    <FormItem prop="customsPortSecond" class="formInput requireBG">
                        <RemoteSearch
                            placeholder="报关口岸2"
                            v-model="form.emtLicenceProduct.customsPortSecond"
                            :list="customsCodeList"
                            keywordFiled="dataName"
                            valueField="dataCode"
                            :labelFieldList="['dataName']"
                        />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第7行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">外汇来源</Col>
                    <Col span="4">
                    <FormItem prop="source" class="formInput requireBG small-select">
                        <Select v-model="form.emtLicenceProduct.source">
                            <Option value="1">1银行购汇</Option>
                            <Option value="2">2外资</Option>
                            <Option value="3">3贷款</Option>
                            <Option value="4">4赠送</Option>
                            <Option value="5">5索赔</Option>
                            <Option value="6">6无偿援助</Option>
                            <Option value="6">7劳务</Option>
                        </Select>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4">原产地国（地区）</Col>
                    <Col span="4">
                    <FormItem prop="originCountryFirst" class="formInput requireBG">
                        <Input placeholder="原产地国（地区）1" v-model="form.emtLicenceProduct.originCountryFirst" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4"></Col>
                    <Col span="4">
                    <FormItem prop="originCountrySecond" class="formInput requireBG">
                        <Input placeholder="原产地国（地区）2" v-model="form.emtLicenceProduct.originCountrySecond" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第8行 -->
                <Row>
                    <Col class="form-label label-border label-bottom" span="4">商品用途</Col>
                    <Col span="4">
                    <FormItem prop="commodityUse" class="formInput small-select requireBG">
                        <Select v-model="form.emtLicenceProduct.commodityUse">
                            <Option value="1">1自用</Option>
                            <Option value="2">2生产配套</Option>
                            <Option value="3">3仿制样机或合作制造</Option>
                            <Option value="4">4直接销售</Option>
                            <Option value="5">5维修备品配件</Option>
                            <Option value="6">6其他</Option>
                        </Select>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4"></Col>
                    <Col span="4">
                    <FormItem prop="originCountryThird" class="formInput requireBG">
                        <Input
                            placeholder="原产地国（地区）3"
                            disabled
                            v-model="form.emtLicenceProduct.originCountryThird"
                        />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft label-bottom" span="4"></Col>
                    <Col span="4">
                    <FormItem prop="originCountryFourth" class="formInput requireBG">
                        <Input
                            placeholder="原产地国（地区）4"
                            disabled
                            v-model="form.emtLicenceProduct.originCountryFourth"
                        />
                    </FormItem>
                    </Col>
                </Row>
                <Row>
                    <Col :span="24" class="label-left label-bottom label-right">
                    <Radio-group :model.sync="form.emtLicenceProduct.oneCert">
                        <Radio value="1" label="1">
                            <span>一批一证</span>
                        </Radio>
                        <Radio value="0" label="0">
                            <span>非一批一证</span>
                        </Radio>
                    </Radio-group>
                    </Col>
                </Row>

                <div class="base-info">
                    <h3>商品信息</h3>
                </div>

                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col span="4" class="label-top label-left">
                    <FormItem prop="commodityCode" class="formInput requireBG">
                        <Radio-group v-model="form.emtLicenceProduct.alone">
                            <Radio :value="1" :label="1">
                                <span>单机</span>
                            </Radio>
                            <Radio :value="0" :label="0">
                                <span>项目</span>
                            </Radio>
                        </Radio-group>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top label-right" span="4"></Col>
                </Row>
                <!-- 第2行 -->
                <Row v-if="form.emtLicenceProduct.alone==1">
                    <Col class="form-label label-border label-top" span="4">商品代码</Col>
                    <Col span="4">
                    <FormItem prop="commodityCode" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.commodityCode" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4">商品名称</Col>
                    <Col span="4">
                    <FormItem prop="commodityName" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.commodityName" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4">货币</Col>
                    <Col span="4">
                    <FormItem prop="currency" class="formInput small-select requireBG">
                        <Select v-model="form.emtLicenceProduct.currency">
                            <Option value="HKD">HKD 港币</Option>
                            <Option value="IDR">IDR 印度尼西亚卢比</Option>
                            <Option value="JPY">JPY 日本元</Option>
                            <Option value="MOP">MOP 澳门元</Option>
                            <Option value="MYR">MYR 马来西亚林吉特</Option>
                            <Option value="PHP">PHP 菲律宾比索</Option>
                            <Option value="SGD">SGD 新加坡元</Option>
                            <Option value="KRW">KRW 韩国圆</Option>
                            <Option value="THB">THB 泰国铢</Option>
                            <Option value="CNY">CNY 人民币</Option>
                            <Option value="TWD">TWD 新台币</Option>
                            <Option value="EUR">EUR 欧元</Option>
                            <Option value="DKK">DKK 丹麦克朗</Option>
                            <Option value="GBP">GBP 英镑</Option>
                            <Option value="NOK">NOK 挪威克朗</Option>
                            <Option value="SEK">SEK 瑞典克朗</Option>
                            <Option value="CHF">CHF 瑞士法郎</Option>
                            <Option value="RUB">RUB 俄罗斯卢布</Option>
                            <Option value="CAD">CAD 加拿大元</Option>
                            <Option value="USD">USD 美元</Option>
                            <Option value="AUD">AUD 澳大利亚元</Option>
                            <Option value="NZD">NZD 新西兰元</Option>
                        </Select>
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row v-if="form.emtLicenceProduct.alone==1">
                    <Col class="form-label label-border label-top" span="4">设备状态</Col>
                    <Col span="4" class="label-top label-left">
                    <FormItem prop="deviceStatus" class="formInput requireBG">
                        <Radio-group v-model="form.emtLicenceProduct.deviceStatus">
                            <Radio :value="1" label="1">
                                <span>新</span>
                            </Radio>
                            <Radio :value="0" label="0">
                                <span>旧</span>
                            </Radio>
                        </Radio-group>
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top" span="4"></Col>
                    <Col class="form-label label-border label-top label-right" span="4"></Col>
                </Row>

                <!-- 第3行 -->
                <Row v-if="form.emtLicenceProduct.alone==0">
                    <Col class="form-label label-border" span="4">项目名称</Col>
                    <Col span="4">
                    <FormItem prop="projectName" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.projectName" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">项目类型</Col>
                    <Col span="4">
                    <FormItem prop="projectType" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.projectType" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border-noleft" span="4">项目所行业</Col>
                    <Col span="4">
                    <FormItem prop="projectIndustry" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.projectIndustry" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row v-if="form.emtLicenceProduct.alone==0">
                    <Col class="form-label label-border" span="4">商品代码</Col>
                    <Col span="4">
                    <FormItem prop="commodityCode" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.commodityCode" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border" span="4">商品名称</Col>
                    <Col span="4">
                    <FormItem prop="commodityName" class="formInput requireBG">
                        <Input v-model="form.emtLicenceProduct.commodityName" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4">货币</Col>
                    <Col span="4">
                    <FormItem prop="currency" class="formInput small-select requireBG">
                        <Select v-model="form.emtLicenceProduct.currency">
                            <Option value="HKD">HKD 港币</Option>
                            <Option value="IDR">IDR 印度尼西亚卢比</Option>
                            <Option value="JPY">JPY 日本元</Option>
                            <Option value="MOP">MOP 澳门元</Option>
                            <Option value="MYR">MYR 马来西亚林吉特</Option>
                            <Option value="PHP">PHP 菲律宾比索</Option>
                            <Option value="SGD">SGD 新加坡元</Option>
                            <Option value="KRW">KRW 韩国圆</Option>
                            <Option value="THB">THB 泰国铢</Option>
                            <Option value="CNY">CNY 人民币</Option>
                            <Option value="TWD">TWD 新台币</Option>
                            <Option value="EUR">EUR 欧元</Option>
                            <Option value="DKK">DKK 丹麦克朗</Option>
                            <Option value="GBP">GBP 英镑</Option>
                            <Option value="NOK">NOK 挪威克朗</Option>
                            <Option value="SEK">SEK 瑞典克朗</Option>
                            <Option value="CHF">CHF 瑞士法郎</Option>
                            <Option value="RUB">RUB 俄罗斯卢布</Option>
                            <Option value="CAD">CAD 加拿大元</Option>
                            <Option value="USD">USD 美元</Option>
                            <Option value="AUD">AUD 澳大利亚元</Option>
                            <Option value="NZD">NZD 新西兰元</Option>
                        </Select>
                    </FormItem>
                    </Col>
                </Row>
                <div class="btns-box mt10">
                    <Button type="primary" @click="addF">新增</Button>
                    <Button @click="delGood">删除</Button>
                </div>
                <div class="mt10">
                    <Table
                        border
                        :columns="columns"
                        @on-selection-change="getSectedGood"
                        :data="this.form.modelList"
                    >
                        <template slot-scope="{row}" slot="unit">
                            {{getUnit(row.unit)}}
                        </template>
                        <template slot-scope="{row}" slot="grossValue">
                            {{row.price*row.num}}
                        </template>
                        <template slot-scope="{row}" slot="dollarValue">
                            {{row.price*row.num}}
                        </template>

                    </Table>
                </div>
                <div class="base-info">
                    <h3>商品信息</h3>
                </div>

                <!-- 第1行 -->
                <Row>
                    <Col class="form-label label-border label-top" span="4">数量总计</Col>
                    <Col span="4">
                    <FormItem prop="totalNum" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.totalNum" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border label-top" span="4">原币总值</Col>
                    <Col span="4">
                    <FormItem prop="currencyValue" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.currencyValue" />
                    </FormItem>
                    </Col>
                    <Col class="form-label label-border" span="4">折美元总值</Col>
                    <Col span="4">
                    <FormItem prop="dollarValue" class="formInput">
                        <Input disabled v-model="form.emtLicenceProduct.dollarValue" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label label-border label-top label-left" span="4">备注</Col>
                    <Col span="20">
                    <FormItem prop="remark" class="formInput">
                        <Input v-model="form.emtLicenceProduct.remark" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第3行 -->
                <Row>
                    <Col class="form-label label-border label-top" span="4">进口申请说明</Col>
                    <Col span="20">
                    <FormItem prop="importExplain" class="formInput">
                        <Input v-model="form.emtLicenceProduct.importExplain" />
                    </FormItem>
                    </Col>
                </Row>
            </Form>
        </div>
        <div>
            <Button type="primary" @click="openModal">合同信息表</Button>
            <Button type="primary" @click="openUpload">上传附件</Button>
        </div>
        <Modal title="合同" :width="900" v-model="vs" @on-ok="ok" @on-cancel="cancel">
            <div class="clearfix">
                <Form
                    :model="eform"
                    :rules="rules"
                    :data-current="currentIndex"
                    class="declare-form"
                    ref="eform"
                    :show-message="false"
                >
                    <div>申领企业信息</div>
                    <!-- 第1行 -->
                    <Row>
                        <Col class="form-label" span="6">统一社会信用代码</Col>
                        <Col span="6">
                        <FormItem prop="socialCreditCode" class="formInput requireBG">
                            <Input v-model="eform.socialCreditCode" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">企业名称</Col>
                        <Col span="6">
                        <FormItem prop="companyName" class="formInput requireBG">
                            <Input placeholder v-model="eform.companyName" />
                        </FormItem>
                        </Col>
                    </Row>
                    <div>对外成交合同信息</div>
                    <!-- 第1行 -->
                    <Row>
                        <Col class="form-label" span="6">合同号</Col>
                        <Col span="6">
                        <FormItem prop="contractNo" class="formInput requireBG">
                            <Input v-model="eform.contractNo" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">合同签订日期</Col>
                        <Col span="6">
                        <FormItem prop="contractDate" class="formInput requireBG">
                            <Input placeholder v-model="eform.contractDate" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第2行 -->
                    <Row>
                        <Col class="form-label" span="6">国外贸易商中文名称</Col>
                        <Col span="6">
                        <FormItem prop="tradeName" class="formInput requireBG">
                            <Input v-model="eform.tradeName" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">国外生产商中文名称</Col>
                        <Col span="6">
                        <FormItem prop="manufacturerName" class="formInput requireBG">
                            <Input placeholder v-model="eform.manufacturerName" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第3行 -->
                    <Row>
                        <Col class="form-label" span="6">国外贸易商英文名称</Col>
                        <Col span="6">
                        <FormItem prop="tradeNameEn" class="formInput requireBG">
                            <Input v-model="eform.tradeNameEn" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">国外生产商英文名称</Col>
                        <Col span="6">
                        <FormItem prop="manufacturerNameEn" class="formInput requireBG">
                            <Input placeholder v-model="eform.manufacturerNameEn" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第4行 -->
                    <Row>
                        <Col class="form-label" span="6">国外贸易商注册地国别</Col>
                        <Col span="6">
                        <FormItem prop="registrationCountry" class="formInput requireBG">
                            <Input v-model="eform.registrationCountry" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">国外生产商注册地国别</Col>
                        <Col span="6">
                        <FormItem prop="manufacturerCountry" class="formInput requireBG">
                            <Input placeholder v-model="eform.manufacturerCountry" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第4行 -->
                    <Row>
                        <Col class="form-label" span="6">合同总数量</Col>
                        <Col span="6">
                        <FormItem prop="contractNum" class="formInput requireBG">
                            <Input v-model="eform.contractNum" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">合同总金额</Col>
                        <Col span="6">
                        <FormItem prop="contractAmount" class="formInput requireBG">
                            <Input placeholder v-model="eform.contractAmount" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第4行 -->
                    <Row>
                        <Col class="form-label" span="6">结算币种</Col>
                        <Col span="6">
                        <FormItem prop="settlementCurrency" class="formInput requireBG">
                            <Input v-model="eform.settlementCurrency" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">预计到港日期</Col>
                        <Col span="6">
                        <FormItem prop="expectedArrivalDate" class="formInput requireBG">
                            <Input placeholder v-model="eform.expectedArrivalDate" />
                        </FormItem>
                        </Col>
                    </Row>
                    <!-- 第4行 -->
                    <Row>
                        <Col class="form-label" span="6">（汽车整车必填）品牌</Col>
                        <Col span="6">
                        <FormItem prop="brand" class="formInput requireBG">
                            <Input v-model="eform.brand" />
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">具体型号</Col>
                        <Col span="6">
                        <FormItem prop="model" class="formInput requireBG">
                            <Input placeholder v-model="eform.model" />
                        </FormItem>
                        </Col>
                    </Row>

                    <!-- 第4行 -->
                    <Row>
                        <Col class="form-label" span="6">
                        <span class="red">（旧机电产品必填）</span>生产年度
                        </Col>
                        <Col span="6">
                        <FormItem prop="productionYear" class="formInput">
                            <Select v-model="eform.productionYear" class="small-select">
                                <Option label="2020" value="2020">2020</Option>
                            </Select>
                        </FormItem>
                        </Col>
                        <Col class="form-label" span="6">具体规格型号描述</Col>
                        <Col span="6">
                        <FormItem prop="description" class="formInput requireBG">
                            <Input placeholder v-model="eform.description" />
                        </FormItem>
                        </Col>
                    </Row>
                    <Row style="height:60px"></Row>
                </Form>
            </div>
        </Modal>
        <Modal title="规格型号" :width="900" v-model="fvs" @on-ok="ggOk">
            <Form
                :model="gform"
                :rules="gRules"
                :data-current="currentIndex"
                class="declare-form"
                ref="gform"
                :show-message="false"
            >

                <!-- 第1行 -->
                <Row>
                    <Col class="form-label" span="4">规格型号</Col>
                    <Col span="20">
                    <FormItem prop="model" class="formInput requireBG">
                        <Input v-model="gform.model" />
                    </FormItem>
                    </Col>
                </Row>
                <!-- 第2行 -->
                <Row>
                    <Col class="form-label" span="4">单位</Col>
                    <Col span="4">
                    <FormItem prop="unit" class="formInput">
                        <RemoteSearch
                            name="gunit"
                            v-model="gform.unit"
                            keyword
                            :list="unitList"
                            keywordFiled="dataName"
                            valueField="dataCode"
                            :labelFieldList="['dataCode', 'dataName']"
                        ></RemoteSearch>
                    </FormItem>
                    </Col>
                    <Col class="form-label" span="4">单价</Col>
                    <Col span="4">
                    <FormItem prop="price" class="formInput requireBG">
                        <inputNumber placeholder v-model="gform.price" />
                    </FormItem>
                    </Col>
                    <Col class="form-label" span="4">数量</Col>
                    <Col span="4">
                    <FormItem prop="num" class="formInput requireBG">
                        <inputNumber placeholder v-model="gform.num" />
                    </FormItem>
                    </Col>
                </Row>
            </Form>

        </Modal>
        <Modal title="随附单据" :width="900" v-model="filevs" @on-ok="fOk">
            <div slot="header">
                随附单据
                <Icon class="f-fr" type="ios-close" @click="closeModel"/>
            </div>
            <Form class="clearfix form-col-2" :label-width="124" inline>
                <FormItem label="附件类型">
                    <Input v-model="file.fileName" />
                </FormItem>
                <FormItem label="上传附件">
                    <Upload
                        :headers="header"
                        :action="fileUploadUrl"
                        :show-upload-list="false"
                        :on-success="uploadSuccess"
                        :before-upload="beforeUpload"
                        accept=".xls,.xlsx,.pdf"
                        :format="['xls','xlsx','pdf']"
                        :max-size="4096"
                        :on-error="uploadError"
                    >
                        <Button @click="uploadHandle" type="primary">上传附件</Button>
                    </Upload>

                </FormItem>
            </Form>
            <Button class="icon-btn" type="primary" @click="excelToPdf">转换PDF</Button>
            <Button style="margin-left: 14px;" type="primary" @click="removeHandle">删除</Button>
            <Button style="margin-left: 14px;" type="primary" @click="downLoadHandle">下载</Button>
            <div class="accompany-table-Modal">
                <Table
                    @on-selection-change="accompanyChange"
                    :columns="accompanyColumn"
                    :data="this.form.fileList"
                ></Table>
            </div>

        </Modal>
    </div>
</template>
<script>
import moment from 'moment'
import { mapState, mapMutations } from 'vuex'
import { queryTeacherList } from '@/api/userManage'
import {
    queryCode,
    licenceProductInfo,
    licenceProductSave
} from '@/api/licence'
import $ from 'jquery'
import { getDicByKey } from '@/libs/getDicDataList'
import { getToken } from '@/libs/util.js'
import { downloadURL } from '@/config/downloadUrl.js'
export default {
    inject: ['nextPageReload'],
    props: {
        id: {
            type: String,
            default: ''
        }
    },
    data () {
        return {
            file: {
                fileName: '',
                type: '',
                size: '',
                time: ''
            },
            header: {},
            fileUploadUrl: '',
            gRules: {
                model: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                price: [
                    {
                        type: 'number',
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ],
                num: [
                    {
                        type: 'integer',
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ]
            },
            gform: {
                model: null,
                unit: null,
                price: null,
                num: null
            },
            unitList: [], // 单位
            qList: [],
            params: {
                code: '',
                name: '',
                pageNum: 1,
                pageSize: 10,
                total: 0
            },
            vs: false,
            fvs: false,
            filevs: false,
            now: {},
            goodStatus: 0,
            selected: [],
            btnDisabled: false,
            countryRegionList: [], // 进口国别
            customsCodeList: [], // 报关
            transportList: [
                { id: '1', name: '海上运输' },
                { id: '2', name: '铁路运输' },
                { id: '3', name: '公路运输' },
                { id: '4', name: '航空运输' },
                { id: '5', name: '邮政运输' },
                { id: '6', name: '海运陆运' },
                { id: '7', name: '固定运输' },
                { id: '8', name: '内河运输' },
                { id: '9', name: '海运空运' }
            ], // 运输方式
            payTypeList: [
                { id: '0', name: '信用证' },
                { id: '1', name: '托收' },
                { id: '2', name: '汇付' },
                { id: '3', name: '本票' },
                { id: '4', name: '现金' },
                { id: '5', name: '记账' },
                { id: '6', name: '免费' }
            ], // 付款方式
            accompanyColumn: [
                {
                    type: 'selection',
                    align: 'center'
                },
                {
                    title: '文件名称',
                    key: 'fileName',
                    tooltip: true
                },
                {
                    title: '文件格式',
                    key: 'fileType'
                },
                {
                    title: '文件大小',
                    key: 'size'
                },
                {
                    title: '上传时间',
                    key: 'time',
                    tooltip: true
                }
            ],
            columns: [
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '规格型号',
                    key: 'model',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '单位',
                    slot: 'unit',
                    align: 'center'
                },
                {
                    title: '数量',
                    key: 'num',
                    align: 'center'
                },
                {
                    title: '单价',
                    key: 'price',
                    align: 'center'
                },
                {
                    title: '总值',
                    slot: 'grossValue',
                    align: 'center'
                },
                {
                    title: '总值折美元​',
                    slot: 'dollarValue',
                    align: 'center'
                }
            ],
            qColumns: [
                {
                    title: '序号',
                    type: 'index',
                    width: 60,
                    align: 'center'
                },
                {
                    title: '年度',
                    slot: 'nd',
                    align: 'center'
                },
                {
                    title: '进口商品代码',
                    key: 'codeTs',
                    align: 'center'
                },
                {
                    title: '商品名称',
                    key: 'goodsName',
                    align: 'center'
                },
                {
                    title: '计量单位',
                    key: 'unit',
                    align: 'center'
                },
                {
                    title: '商品目录',
                    slot: 'action',
                    align: 'center'
                }
            ],
            currentIndex: 0,
            cName: '', // 公司中文名称
            bit: '%',
            usd: 'USD',
            eform: {
                socialCreditCode: null,
                companyName: null,
                contractNo: null,
                contractDate: null,
                tradeName: null,
                manufacturerName: null,
                tradeNameEn: null,
                manufacturerNameEn: null,
                registrationCountry: null,
                manufacturerCountry: null,
                contractNum: null,
                contractAmount: null,
                settlementCurrency: null,
                expectedArrivalDate: null,
                brand: null,
                model: null,
                productionYear: null,
                description: null
            },
            form: {
                emtLicenceProduct: {
                    practicalTrainingId: null,
                    applyId: null, // 申请编号
                    systemApplyId: null, // 机电系统申请编号
                    licenceKey: null, // 许可证号
                    status: null, // 单证状态 interger
                    importUser: null, // 进口用户
                    year: null, // 年度
                    area: null, // 所在地区
                    importCode: null, // 进口商编码
                    importName: null, // 进口商名称
                    agent: null, // 申请单位经办人
                    tradeMode: null, // 贸易方式
                    phone: null, // 经办人电话
                    tradingCountryFirst: null, // 贸易国（地区）1
                    tradingCountrySecond: null, // 贸易国（地区）2
                    mobilePhone: null, // 经办人手机号
                    customsPortFirst: null, // 报关口岸1
                    customsPortSecond: null, // 报关口岸2
                    source: null, // 外汇来源
                    originCountryFirst: null, // 原1
                    originCountrySecond: null, // 原2
                    commodityUse: null, // 商品用途
                    alone: 1,
                    commodityCode: null, // 商品代码
                    commodityName: null, // 商品名称
                    currency: null, // 货币
                    deviceStatus: null, // 设备状态
                    projectName: null, // 项目名称
                    projectType: null, // 项目类型
                    projectIndustry: null, // 项目所行业
                    totalNum: null, // 数量总计
                    currencyValue: null, // 原币总值
                    dollarValue: null, // 折美元总值
                    remark: null, // 备注
                    importExplain: null, // 进口申请说明
                    socialCreditCode: null, // 统一社会信用代码
                    companyName: null, // 企业名称
                    contractNo: null, // 合同号
                    contractDate: null, // 合同签订日期
                    tradeName: null, // 国外贸易商中文名称
                    manufacturerName: null, // 国外生产商中文名称
                    tradeNameEn: null, // 国外贸易商英文名称
                    registrationCountry: null, // 国外贸易商注册地国别
                    manufacturerCountry: null, // 国外生产商注册地国别
                    contractNum: null, // 合同总数量
                    contractAmount: null, // 合同总金额
                    settlementCurrency: null, // 结算币种
                    expectedArrivalDate: null, // 预计到港日期
                    brand: null, // 品牌
                    model: null, // 具体型号
                    productionYear: null, // 生产年度
                    description: null // 具体规格型号描述
                },
                fileList: [],
                modelList: []
            },
            formRules: {
                year: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change,blur'
                    }
                ],
                importCode: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                agent: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                tradeMode: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ],
                phone: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                tradingCountryFirst: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                tradingCountrySecond: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                mobilePhone: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                customsPortFirst: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                customsPortSecond: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                source: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ],
                originCountryFirst: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                originCountrySecond: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                commodityUse: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ],
                commodityCode: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                commodityName: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                currency: [
                    {
                        required: true,
                        message: '',
                        trigger: 'change'
                    }
                ],
                projectName: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                projectType: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                projectIndustry: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ]
            },
            rules: {
                socialCreditCode: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],

                companyName: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                contractNo: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                contractDate: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                tradeName: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                manufacturerName: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                tradeNameEn: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                manufacturerNameEn: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                registrationCountry: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                manufacturerCountry: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                contractNum: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                contractAmount: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                settlementCurrency: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                expectedArrivalDate: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                brand: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                model: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ],
                description: [
                    {
                        required: true,
                        message: '',
                        trigger: 'blur'
                    }
                ]
            },
            tips: {
                feeRate: ''
            },
            tradeModeList: [
                { id: '10', name: '一般贸易' },
                { id: '11', name: '易货贸易' },
                { id: '12', name: '补偿贸易' },
                { id: '13', name: '协定贸易' },
                { id: '14', name: '进料加工' },
                { id: '15', name: '来料加工' },
                { id: '16', name: '出料加工' },
                { id: '17', name: '寄售贸易' },
                { id: '18', name: '国际租赁' },
                { id: '19', name: '边境贸易' },
                { id: '20', name: '转口贸易' },
                { id: '21', name: '许可贸易' },
                { id: '22', name: '期货贸易' },
                { id: '23', name: '承包工程' },
                { id: '24', name: '国际招标' },
                { id: '25', name: '国际展览' },
                { id: '26', name: '国际拍卖' },
                { id: '27', name: '国际贷款进口' },
                { id: '28', name: '归还贷款出口' },
                { id: '29', name: '外资企业进口' }
            ],
            originStandardList: [
                { id: 'F', name: 'F' },
                { id: 'P', name: 'P' },
                { id: 'PK', name: 'PK' },
                { id: 'W', name: 'W' },
                { id: 'Y', name: 'Y' }
            ]
        }
    },
    computed: {
        ...mapState({
            isTeacher: (state) => state.user.roleType === '3',
            userId: (state) => state.user.userId
        })
    },
    mounted () {
        console.log(this.$route.params)
        let applyId = this.$route.query.applyId
        this.form.emtLicenceProduct.practicalTrainingId = this.$route.params.trainingId
        if (applyId) {
            licenceProductInfo(applyId).then((res) => {
                // this.form = Object.assign(this.form, res.data.data.emtLicenceExport);
                // this.form.list = res.data.data.list;
                this.form = res.data.data
            })
        } else {
            this.getAdd()
        }
        let that = this
        let h = $
        if (this.$el) {
            $(this.$el).on('keyup', 'input', function (e) {
                if (e.keyCode == 13) {
                    var index = h('input:text').index(h(e.target))
                    console.log(index)
                    that.getInput(index)
                }
            })
        }
        this.getCountryRegionList()
        this.getCustomsCodeList()
        this.getUnitList()
    },
    methods: {
        ...mapMutations(['removeTagNav']),
        openUpload () {
            this.filevs = true
        },
        fOk () {

        },
        getStatus (st) {
            let str = '暂存'
            if (st == 0) {
                str = '暂存'
            } else {
                str = '申报'
            }
            return str
        },
        getUnit (data) {
            var one = {}
            if (data) {
                this.unitList.map(item => {
                    if (item.dataCode == data) {
                        console.log(item)
                        one = item
                        return item
                    }
                })
            } else {
                one.dataName = ''
            }
            return one.dataName
        },
        // 单位
        getUnitList () {
            return getDicByKey('UNIT').then(list => {
                this.unitList = Object.freeze(list)
            })
        },
        // 贸易国
        getCountryRegionList () {
            return getDicByKey('COUNTRY_REGION').then((list) => {
                this.countryRegionList = Object.freeze(list)
            })
        },
        // 报关区域
        getCustomsCodeList () {
            return getDicByKey('CUSTOMS_CODE').then((list) => {
                this.customsCodeList = Object.freeze(list)
            })
        },
        addF () {
            this.fvs = true
            this.$refs.gform.resetFields()
        },
        ggOk () {
            this.$refs.gform.validate((v) => {
                if (v) {
                    var str = JSON.stringify(this.gform)
                    var obj = JSON.parse(str)
                    this.form.modelList.push(obj)
                    this.fvs = false
                }
            })
        },
        changeSelect (data) {
            this.now = data
            console.log(data)
        },
        saveOne (index) {
            console.log(index)
            this.form.list[index].status = 1
        },
        queryList () {
            queryCode({
                name: this.params.name,
                code: this.params.code,
                pageSize: this.params.pageSize,
                pageNum: this.params.pageNum
            }).then((res) => {
                this.qList = res.data.data.list
                this.params.total = res.data.data.total
            })
        },
        openModal () {
            this.vs = true
        },
        ok () {
            this.$refs.eform.validate((v) => {
                if (v) {
                    Object.assign(this.form.emtLicenceProduct, this.eform)
                    console.log(this.form.emtLicenceProduct)
                }
            })
        },
        cancel () {},
        getInput (index) {
            var h = $
            h('input:text')[index + 1].focus()
        },
        handleDateChange (v, key) {
            this.form[key] = v
        },
        getAdd () {},
        saveAdd () {
            this.form.emtLicenceProduct.status = 0
            licenceProductSave(this.form).then((res) => {
                if (res.data.code != '0000') {
                    this.$Message.error(res.data.data)
                    return
                }
                this.$Message.success('成功')
                this.nextPageReload()
                this.$router.push({
                    name: 'licenceProduct'
                })
            })
        },
        queryTeaList () {
            return queryTeacherList({
                pageNum: 1,
                pageSize: 9999
            }).then((res) => {
                if (res.data.code === '0000') {
                    const data = res.data.data
                    this.teaList = Object.freeze(
                        data.list.map((item) => ({
                            value: item.userId,
                            label: item.realName
                        }))
                    )
                }
            })
        },
        handleCancel () {
            this.removeTagNav(this.$route)
            this.$router.replace({
                name: 'classManageList'
            })
        },
        clearAll () {
            this.nextPageReload()
            this.$router.push({
                name: 'certAdd'
            })
        },
        submitAll () {
            this.$refs.form.validate((v) => {
                if (v) {
                    this.form.emtLicenceProduct.status = 1 // 申报
                    licenceProductSave(this.form).then((res) => {
                        if (res.data.code != '0000') {
                            this.$Message.error(res.data.msg)
                            return
                        }
                        this.$Message.success('成功')
                        this.nextPageReload()
                        this.$router.push({
                            name: 'licenceProduct'
                        })
                    })
                }
            })
        },
        makeFileAll () {},
        delAll () {
            licenceExportDel({ ids: this.form.id }).then((res) => {
                if (res.data.code === '0000') {
                    this.$Message.success('删除成功')
                    this.nextPageReload()
                    this.$router.push({
                        name: 'licenceExport'
                    })
                } else {
                    this.$Message.error(res.data.msg)
                }
            })
        },
        delGood () {
            // 先删除
            this.selected.map((one) => {
                let index = this.form.modelList.findIndex((item) => item.model === one.model)
                this.form.modelList.splice(index, 1)
            })
        },
        sendToSingleWindow () {},
        getSectedGood (data) {
            console.log(data)
            this.selected = data
        },
        changeNow (data) {},
        getAccompanyData () {
            let params = {
                declareId: this.declareId
            }
            queryFile(params).then(res => {
                if (res.data.code === '0000') {
                    this.selectedDataList = []
                    this.accompanyDataList = res.data.data
                    for (let i = 0; i < this.accompanyDataList.length; i++) {
                        for (let j = 0; j < this.accessoryTypeList.length; j++) {
                            if (this.accompanyDataList[i].fileChildType === this.accessoryTypeList[j].code) {
                                this.accompanyDataList[i].foleName = this.accessoryTypeList[j].name
                            }
                        }
                    }
                }
            })
        },

        closeModel () {
            this.accompanyDoc = false
        },

        accompanyChange (val) {
            this.selectedDataList = val
        },

        assembleData () {
            let nameArr = []
            let typeArr = []
            this.selectedDataList.forEach(item => {
                nameArr.push(item.fileName)
                typeArr.push(item.fileChildType)
            })
            let params = {
                declareId: this.declareId,
                fileNames: nameArr.join(),
                fileChildTypes: typeArr.join()
            }
            return params
        },

        excelToPdf () {
            if (this.selectedDataList.length === 0) {
                this.$Message.warning('请勾选文件名称')
                return false
            }
            let params = this.assembleData()
            excelTopdf(params).then(res => {
                if (res.data.code === '0000') {
                    this.$Message.success(res.data.msg)
                } else {
                    this.$Message.warning(res.data.msg)
                }
            })
        },

        removeHandle () {
            if (this.selectedDataList.length === 0) {
                this.$Message.warning('请勾选文件名称')
                return false
            }
            let params = this.assembleData()
            delDataFile(params).then(res => {
                if (res.data.code === '0000') {
                    this.$Message.success(res.data.msg)
                    this.getAccompanyData()
                } else {
                    this.$Message.warning(res.data.msg)
                }
            })
        },

        downLoadHandle () {
            if (this.selectedDataList.length === 0) {
                this.$Message.warning('请勾选文件名称')
                return false
            }
            let params = this.assembleData()
            let token = getToken()
            window.open(downloadURL + '/ui/dataFileDownload/downloadFile?Authorization=' + token + '&params=' + encodeURI(JSON.stringify(params)))
        },
        uploadSuccess (res) {
            this.loadFlag = false
            if (res.code === '0000') {
                this.$Message.success(res.msg)
                console.log(this.file)
                let str = JSON.stringify(this.file)
                let obj = JSON.parse(str)

                console.log(obj)
                this.form.fileList.push(obj)
            } else {
                this.$Message.warning(res.msg)
            }
        },

        beforeUpload (file) {
            this.loadFlag = true
            if (!/\.(xls|xlsx|pdf)$/.test(file.name)) {
                this.$Message.warning('文件类型不正确')
            }
            console.log(file)
            this.file.fileName = file.name
            this.file.size = file.size
            this.file.time = moment(file.lastModified).format('YYYY-MM-DD')
            this.file.type = file.type
        },

        uploadError () {
            this.$Message.error('文件上传失败,请重新上传')
        },

        uploadHandle () {
            this.header.Authorization = getToken()
            this.fileUploadUrl = downloadURL + '/fileManage/upload'
        }
    }
}
</script>
<style lang="less">
.small-select {
  height: 20px;
  line-height: 20px;
  .ivu-select-selection {
    height: 20px;
    line-height: 20px;
    border-radius: 0px;
  }
  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 20px;
    line-height: 20px;
  }
}
.h63 {
  height: 63px;
  line-height: 63px;
  textarea {
    height: 63px !important;
  }
}
.h70 {
  textarea {
    height: 76px !important;
  }
}
</style>
<style lang="less" scoped>
.h63 {
  height: 63px;
  line-height: 63px;
  .ivu-input {
    height: 63px;
  }
}
.label-bottom {
  border-bottom: 1px solid #b7b7b7;
}
.label-left {
  border-left: 1px solid #b7b7b7;
}
.label-right {
  border-right: 1px solid #b7b7b7;
}
.m-1 {
  margin-top: -2px !important;
}
.label-top {
  border-top: 1px solid #b7b7b7;
}
.label-border {
  border-top: 1px solid #b7b7b7;
  border-left: 1px solid #b7b7b7;
}
.label-border-noleft {
  border-top: 1px solid #b7b7b7;
}
.btns-box {
  .ivu-btn {
    font-size: 12px;
    height: 24px;
    line-height: 12px;
    padding: 3px 14px;
    font-family: "Microsoft YaHei";
    border-radius: 2px;
  }
  button {
    margin-right: 1px;
    margin-bottom: 1px;
  }
}
.content-body {
  margin-top: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.formInput {
  textarea {
    width: 100%;
    height: 63px;
    border-color: #b7b7b7;
  }
  select {
    height: 20px;
    line-height: 20px;
  }
}
.base-info {
  margin-top: 10px;
  h3 {
    color: #1291cc;
    font-size: 13px;
  }
}
.h70 {
  height: 76px;
  line-height: 76px;
  textarea {
    height: 76px;
  }
}
.mt10 {
  margin-top: 10px;
}
.red {
  color: red;
}
.gray{
    background: #f3f3f3;
}
</style>
